<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./bootstrap5/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="./css/common.less"> <!--公共样式 -->
    <link rel="stylesheet/less" href="./css/login.less"><!--独立样式-->
    <title>登录</title>
</head>

<body>
    <header>
        <div class="container">
            <nav class="navbar navbar-expand-lg">
                <div class="container-fluid">
                    <a class="navbar-brand logoNav" href="#">
                        <img src="./img/Logo_index.png" alt="Logo" class="d-inline-block align-text-top">
                    </a>
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                        aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                        <a class="navbar-brand" href="#">
                            <img src="./img/Logo_index.png" alt="Logo" class="d-inline-block align-text-top">
                        </a>
                        <div class="navbar-nav">
                            <a class="nav-link" href="./index.html">落地页</a>
                            <a class="nav-link" href="./project.html">项目文件</a>
                            <a class="nav-link" href="./blog.html">博客</a>
                            <a class="nav-link" href="./service.html">我们的服务</a>
                            <a class="nav-link" href="./about.html">关于我们</a>
                        </div>
                        <div class="navbar-nav loginNav">
                            <a class="nav-link " id="login" href="./login.html">登录</a>
                            <a class="nav-link " id="register" href="./register.html">注册</a>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <div class="row">
        <div class="col-md-6 mx-auto mb-5 mb-md-0">
            <img src="./img/login.png" class="w-100 h-100" alt="">
        </div>
        <div class="col-md-6 mx-auto">
            <div class="box align-items-center align-items-md-start ps-md-5">
                <h1>登录您的账号</h1>
                <div class="info">还没有账号?<a href="./register.html">去注册</a></div>
                <div class="email">
                    <span>Email *</span>
                    <input type="email" placeholder="输入您的Email地址">
                </div>
                <div class="psw">
                    <span>密码 *</span>
                    <div class="pswin">
                        <input type="password" placeholder="输入您的密码">
                        <img src="./img/login_eye.png" alt="">
                    </div>
                </div>
                <div class="r_f">
                    <div class="left">
                        <input type="checkbox" id="r_me">
                        <label for="r_me">记住我</label>
                    </div>
                    <div class="right">
                        忘记密码？
                    </div>
                </div>
                <div class="login_btn">
                    现在登录
                </div>
            </div>
        </div>
    </div>
    <script src="./js/less-4.1.3.js"></script>
    <script src="./bootstrap5/js/bootstrap.bundle.min.js"></script>
</body>

</html>